<ion-header >
<ion-toolbar>
  <ion-title>ionic组件</ion-title>
  <ion-button slot="end" size="samll">浏览</ion-button>
</ion-toolbar>
</ion-header>

<ion-content >
<!--<ion-list>-->
  <!--<ion-item>-->
    <!--<ion-label>元素1</ion-label>-->

    <!--<ion-icon name="arrow-forward-circle-outline"></ion-icon>-->
  <!--</ion-item>-->
<!--</ion-list>-->
  <!--<ion-list>-->
    <!--<ion-item>-->
      <!--<ion-label>元素2</ion-label>-->

      <!--<ion-icon name="body-outline"></ion-icon>-->
    <!--</ion-item>-->
  <!--</ion-list>-->
  <!--<ion-list>-->
    <!--<ion-item>-->
      <!--<ion-label>元素3</ion-label>-->
      <!--<ion-button>加入</ion-button>-->
    <!--</ion-item>-->
  <!--</ion-list>-->
<!--<ion-card>-->
<!--<ion-card-header>-->
  <!--<ion-card-title>主标题</ion-card-title>-->
  <!--<ion-card-subtitle>副标题</ion-card-subtitle>-->

<!--</ion-card-header>-->
  <!--<ion-card-content>-->
    <!--<ion-list>-->
      <!--<ion-item>-->
        <!--<ion-label>元素1</ion-label>-->

        <!--<ion-icon name="arrow-forward-circle-outline"></ion-icon>-->
      <!--</ion-item>-->
    <!--</ion-list>-->
    <!--<ion-list>-->
      <!--<ion-item>-->
        <!--<ion-label>元素2</ion-label>-->

        <!--<ion-icon name="body-outline"></ion-icon>-->
      <!--</ion-item>-->
    <!--</ion-list>-->
    <!--<ion-list>-->
      <!--<ion-item>-->
        <!--<ion-label>元素3</ion-label>-->
        <!--<ion-button>加入</ion-button>-->
      <!--</ion-item>-->
    <!--</ion-list>-->
  <!--</ion-card-content>-->


<!--</ion-card>-->



</ion-content>


<ion-footer>
  页脚区
</ion-footer>